/* 左上角的图标 */
.video-angle {
    margin: 50px 0;
}

a {
    display: inline-block;
}

/* 可看见的视频容器控制显示出来的大小 */
.video-out {
    width: 1222px;
    height: 700px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

/* 两个视频页面 */
.video-main,
.video-main2 {
    width: 1222px;
    height: 700px;
    float: left;
    position: relative;
    cursor: pointer;
}

.video-content {
    opacity: .6;
}

/* 每个视频的位置和宽高 */
.video-c1,
.video-c5 {
    position: absolute;
    top: 45%;
    width: 266px;
    height: 238px;
}

.video-c2,
.video-c6 {
    position: absolute;
    left: 15%;
    top: 5%;
    width: 354px;
    height: 316px;
}

.video-c3,
.video-c7 {
    position: absolute;
    right: 12%;
    top: 3%;
    width: 354px;
    height: 316px;
}

.video-c4,
.video-c8 {
    position: absolute;
    right: 0;
    top: 45%;
    width: 266px;
    height: 238px;
}

/* 视频文字样式 */
p {
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-55%);
    display: none;
}

/* 播放按钮 */
.video-control,
.pause-w,
.pause-b {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-57%, -50%);
}

/* 大蝴蝶 */
.butterfly {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.dream {
    position: absolute;
}

/* 小梦想泡泡 */
.dream1 {
    left: 25%;
    top: 65%;
}

.dream4 {
    right: 25%;
    top: 65%;
}

/* 大梦想泡泡 */
.dream2 {
    left: 38%;
    top: 50%;
}

.dream3 {
    right: 38%;
    top: 45%;
}

/* 切换视频页面 */
.video-al {
    position: absolute;
    left: 43%;
    top: 74%;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0);
    /* background-image: url(../Image/news/left\ slide.png); */
    cursor: pointer;
}

.video-ar {
    position: absolute;
    right: 43%;
    top: 74%;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0);
    /* background-image: url(../Image/news/right\ slide.png); */
    cursor: pointer;
}